<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/index.css">
		<script src="js/common.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/index.js"></script>
	</head>
	<body>
		<header>
			<div class="w1070 l">
				<a href=""><img src="images/logo.png" alt="" class="logo"></a>
				<img src="images/home_one.png" alt="" class="one fl" >
				<ul class="fl nav">
					<li class="active"><a href="">优粤门户</a>
						<div class="nav_box">
							<div class="nav_cnt">
								<div><a href="">优视频</a></div>
								<div><a href="">粤文化</a></div>
								<div><a href="">有机会</a></div>
							</div>
						</div>
					</li>
					<li class="active"><a href="">有啊社区</a>
						<div class="nav_box">
							<div class="nav_cnt">
								<div><a href="">优视频</a></div>
								<div><a href="">粤文化</a></div>
								<div><a href="">有机会</a></div>
							</div>
						</div>
					</li>
					<li><a href="">登录</a></li>
					<li><a href="">注册</a></li>
				</ul>
				<div class="fr search_box">
					<a href="javascript:;"class="searchBtn"><img src="images/home_search.png" alt="" class="search fr"></a>
					<div class="inputsearch">
							<input type="text" class="text">
							<input type="button" name="" id="" value=" " class="search_btn"/>
					</div>
				</div>
				
				<div class="clear"></div>
			</div>
		</header>
		<section class="banner">
			<div class="w1070 pos">
				<div class="box5">
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜8</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜1</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜8</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜1</p>
					</div>
				</div>
				
				<img src="images/home_left.png" alt="" class="left btn">
				<img src="images/home_right.png" alt="" class="right btn">
				<ul>
					<li class="active"><a href="#"><img src="images/banner_sm1.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm2.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm3.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm4.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm5.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm6.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm7.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm8.png" alt=""></a></li>
				
				</ul>
					<div class="clear"></div>
			</div>
		</section>
		<section class="banner_bot">
			<div class="w1070">
				<a href="">校园电视台联盟</a>
				<a href="">我是艺人</a>
				<a href="">故事剧本</a>
				<a href="">制作技术</a>
				<a href="">制作互动</a>
				<a href="">素材推荐</a>
				<a href="">行业相关</a>
				<a href="">幕后心得</a>
				<a href="">粤文化</a>
				<a href="">站务</a>
				<a href="">优视频</a>
				<a href="">Ur有话说</a>
			</div>
			<div class="clear"></div>
		</section>
		<section class="middle">
			<div class="w1070">
				<div class="or">
					<div class="orange fl">
						<a href="">
							<div class="center">
								<div class="fl left">U</div>
								<div class="fl right">
									<span>R</span>
									<span>优视频</span>
									<div class="clear"></div>
									<p>UR VIDEO</p>
								</div>
								<div class="clear"></div>
							</div>
						</a>
					</div>
					<ul>
						<li><a href=""><img src="images/home_or1.png" alt=""></a></li>
						<li><a href=""><img src="images/home_or2.png" alt=""></a></li>
						<li><a href=""><img src="images/home_or3.png" alt=""></a></li>
					</ul>
					<div class="w354 one fl show">
						<a href=""><img src="images/home_or4.png" alt=""></a>
						<div class="h42">
							<img src="images/home_or4_icon.png" alt="">
							校园电视台
						</div>
					</div>
					<div class="w175 one fl">
						<a href=""><img src="images/home_or5.png" alt=""></a>
						<div class="h42">
							<img src="images/home_or4_icon.png" alt="">
							校园电视台
						</div>
					</div>
					<div class="w175 one fl">
						<a href=""><img src="images/home_or6.png" alt=""></a>
						<div class="h42">
							<img src="images/home_or4_icon.png" alt="">
							校园电视台
						</div>
					</div>
					<div class="w354 one fl">
						<a href=""><img src="images/home_or7.png" alt=""></a>
						<div class="h42">
							<img src="images/home_or4_icon.png" alt="">
							校园电视台
						</div>
					</div>
					
				</div>
				<div class="clear"></div> 
				<div class="or_bottom">
					<div class="w409"></div>
				</div>
				
				
				<div class="orange blue fl">
					
						<a href="">
							<div class="center">
								<div class="fl left">优</div>
								<div class="fl right">
									<span>粤沙龙</span>
									<div class="clear"></div>
									<p>UR SALON</p>
								</div>
								<div class="clear"></div>
							</div>
						</a>
						<img src="images/blue_triangle.png" alt="" class="blue_triangle">
					
				</div>	
				<div class="fl blue_two">
					<a href="">
						<img src="images/blue_middle.png" alt="" class="b_m">
					</a>
				</div>
				<div class="fl blue_three">
					
					<p class="title">沿途风景，全都是你</p>
					<p>大四这年所谓毕业季，原本作为一个保研的同学，我应该过的十分悠闲，但往往事与愿违，反倒是在学......</p>
					<a href="">了解详情<img src="images/blue_icon2.png" alt=""></a>
				</div>
				
			</div><div class="clear"></div>
		</section>
		
		<section class="middle2">
			
			<div class="w1070">
				<div class="zhiding">
					<a href=""><img src="images/home_zhiding.png" alt=""></a>
				</div>
				
				<div class="left fl">
					<div class="l fl">
						<div class="top">
							<a href="">
								<div class="fl zuo">U</div>
								<div class="fl you">
									<span>R</span>
									<span>有话说</span>
									<p>Ur Talking</p>
								</div>
							</a>
							<img src="images/purple_triangle.png" alt="">
						</div>
						<div class="mid">
							<a href=""><img src="images/home1.png" alt=""></a>
							<div class="cnt">
								<a href=""><img src="images/blue_icon2.png" alt="" class="zuo"></a>
								<p class="title">中国合伙人<span>130人评论过</span></p>
								<p>如果说第一部是阳光的，那么第二部是黑暗的，不仅仅是因为姐妹间坚固的友谊出现了裂痕，也因为...<a href="">[详细]</a></p>
								<p><img src="images/author_icon.png" alt="" class="author">xiaolingzhu </p>
							</div>
						</div>
						<div class="mid">
							<a href=""><img src="images/home2.png" alt=""></a>
							<div class="cnt">
								<a href=""><img src="images/blue_icon2.png" alt="" class="zuo"></a>
								<p class="title">中国合伙人<span>130人评论过</span></p>
								<p>如果说第一部是阳光的，那么第二部是黑暗的，不仅仅是因为姐妹间坚固的友谊出现了裂痕，也因为...<a href="">[详细]</a></p>
								<p><img src="images/author_icon.png" alt="" class="author">xiaolingzhu </p>
							</div>
						</div>
						<div class="mid">
							<a href=""><img src="images/home3.png" alt=""></a>
							<div class="cnt">
								<a href=""><img src="images/blue_icon2.png" alt="" class="zuo"></a>
								<p class="title">中国合伙人<span>130人评论过</span></p>
								<p>如果说第一部是阳光的，那么第二部是黑暗的，不仅仅是因为姐妹间坚固的友谊出现了裂痕，也因为...<a href="">[详细]</a></p>
								<p><img src="images/author_icon.png" alt="" class="author">xiaolingzhu </p>
							</div>
						</div>
						<div class="mid four active">
							<img src="images/home4_shi.png" alt="">
							<div class="cnt">
								<a href=""><img src="images/blue_icon2.png" alt="" class="zuo"></a>
								<p class="title">中国合伙人<span>130人评论过</span></p>
								<p>如果说第一部是阳光的，那么第二部是黑暗的，不仅仅是因为姐妹间坚固的友谊出现了裂痕，也因为...<a href="">[详细]</a></p>
								<p><img src="images/author_icon.png" alt="" class="author">xiaolingzhu </p>
							</div>
						</div>
					</div>
					<div class="r fl">
						<div class="top">
							<a href="">
								<div class="fl zuo">U</div>
								<div class="fl you">
									<span>R</span>
									<span>活动</span>
									<p>Ur activity</p>
								</div>
							</a>
							<img src="images/redor_triangle.png" alt="">
						</div>
						
						<div class="mid">
							<a href=""><img src="images/home5.png" alt=""></a>
							<div class="cnt">
								<a href=""><img src="images/blue_icon2.png" alt="" class="zuo"></a>
								<p class="title">第七届FIRST青年电影展</p>
								<p>FIRST青年电影展由青海省西宁市人民政府、中国电影评论学会联合举办，旨在将全球颇具探索视角、独立自由...<a href="">[详细]</a></p>
							</div>
						</div>
						<div class="mid active">
							<a href=""><img src="images/home6.png" alt=""></a>
							<div class="cnt">
								<a href=""><img src="images/blue_icon2.png" alt="" class="zuo"></a>
								<p class="title">第七届FIRST青年电影展</p>
								<p>FIRST青年电影展由青海省西宁市人民政府、中国电影评论学会联合举办，旨在将全球颇具探索视角、独立自由...<a href="">[详细]</a></p>
							</div>
						</div>
						<div class="mid">
							<a href=""><img src="images/home7.png" alt=""></a>
							<div class="cnt">
								<a href=""><img src="images/blue_icon2.png" alt="" class="zuo"></a>
								<p class="title">第七届FIRST青年电影展</p>
								<p>FIRST青年电影展由青海省西宁市人民政府、中国电影评论学会联合举办，旨在将全球颇具探索视角、独立自由...<a href="">[详细]</a></p>
							</div>
						</div>
						
					</div>
					<div class="clear"></div>
					<div class="bottom">
						<div class="fl w302">
							<div class="top">
								<a href="">
									<div class="fl zuo">U</div>
									<div class="fl you">
										<span>R</span>
										<span>粤文化</span>
										<p>Ur GD CULTURE</p>
									</div>
								</a>
							</div>
						</div>
						<div class="fl w454">
							<div class="first fl show">
								<img src="images/home8.png" alt="">
								<div class="bot">
									<a href=""><img src="images/blue_icon2.png" alt="">新闻周边</a>
								</div>
							</div>
							<div class="first nth_box none">
								<a href=""><img src="images/home9.png" alt=""></a>
								<div class="bot">
									<a href=""><img src="images/blue_icon2.png" alt="">新闻周边</a>
								</div>
							</div>
							<div class="first nth_box ">
								<a href=""><img src="images/home10.png" alt=""></a>
								<div class="bot">
									<a href=""><img src="images/blue_icon2.png" alt="">新闻周边</a>
								</div>
							</div>
							<div class="first nth_box ">
								<a href=""><img src="images/home11.png" alt=""></a>
								<div class="bot">
									<a href=""><img src="images/blue_icon2.png" alt="">新闻周边</a>
								</div>
							</div>
							<div class="first nth_box none ">
								<a href=""><img src="images/home12.png" alt=""></a>
								<div class="bot">
									<a href=""><img src="images/blue_icon2.png" alt="">新闻周边</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="right fl">
					<div>
						<div class="top">
							<a href="">
								<div class="fl zuo">U</div>
								<div class="fl you">
									<span>R</span>
									<span>计划</span>
									<p>Ur Plan</p>
								</div>
							</a>
							
						</div>
						<ul class="r_list">
							<li>
								<img src="images/home_r1.png" alt="" class="fl">
								<div class="fl wenzi">
									<p><a href="">电视台联盟</a></p>
									<p><a href="">School TV Alliance</a></p>
								</div>
							</li>
							<li class="active">
								<img src="images/home_r1.png" alt="" class="fl">
								<div class="fl wenzi">
									<p><a href="">编剧辅助计划</a></p>
									<p><a href="">Screenwriter Plan </a></p>
								</div>
							</li>
							<li>
								<img src="images/home_r1.png" alt="" class="fl">
								<div class="fl wenzi">
									<p><a href="">导演计划</a></p>
									<p><a href="">Director Plan</a></p>
								</div>
							</li>
							<li>
								<img src="images/home_r1.png" alt="" class="fl">
								<div class="fl wenzi">
									<p><a href="">演员计划</a></p>
									<p><a href="">Actor Plan</a></p>
								</div>
							</li>
							<li>
								<img src="images/home_r1.png" alt="" class="fl">
								<div class="fl wenzi">
									<p><a href="">片场实践计划</a></p>
									<p><a href="">Studio Practice Plan</a></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="top top2">
						<a href="">
							<div class="fl zuo">U</div>
							<div class="fl you">
								<span>R</span>
								<span>影视人</span>
								<p>Ur TV HUMAN</p>
							</div>
						</a>
						
					</div>
					<ul class="r_list2">
						<li>
							<img src="images/home_tou1.png" alt="">
							<div class="wenzi">
								<p class="title"><a href="">CLay Li （用户ID）</a></p>
								<p class=""><a href="">忠于党和国家人民</a></p>
								<a href=""><img src="images/guanzhu.png" alt=""></a>
							</div>
						</li>
						<li>
							<img src="images/home_tou2.png" alt="">
							<div class="wenzi">
								<p class="title"><a href="">CLay Li （用户ID）</a></p>
								<p class=""><a href="">忠于党和国家人民</a></p>
								<a href=""><img src="images/guanzhu.png" alt=""></a>
							</div>
						</li>
						<li>
							<img src="images/home_tou3.png" alt="">
							<div class="wenzi">
								<p class="title"><a href="">CLay Li （用户ID）</a></p>
								<p class=""><a href="">忠于党和国家人民</a></p>
								<a href=""><img src="images/guanzhu.png" alt=""></a>
							</div>
						</li>
					</ul>
					<div class="UR">
						<a href=""><img src="images/home_right_UR.png" alt=""></a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			
		</section>
		<section class="bottom">
			<div class="w1070">
				<div class="top">
					<div class="h6"></div>
					<span>有啊精华区</span>
					<div class="h6"></div>
				</div>
				<div class="list_l fl">
					<ul>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot2.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot2.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="list_r fr">
					<ul>
						<li>
							<img src="images/home_bot4.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title">环太平洋<span>468人评论过</span></p>
								<p><span>#环太平洋#环太平洋</span>对影建筑物倒塌、核弹攻击城市、外星人入侵..<a href="">[详细]</a></p>
								<p><img src="images/red_icon.png" alt="">欧美电影</p>
							</div>
							<div class="clear"></div>
						</li>
						<li>
							<img src="images/home_bot5.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title">速度与激情6<span>783人评论过</span></p>
								<p>【杰森·斯坦森确定加盟<span>#速j#</span>】斯坦森饰演第六部大反派欧文·肖..<a href="">[详细]</a></p>
								<p><img src="images/red_icon.png" alt="">热映推荐</p>
							</div>
							<div class="clear"></div>
						</li>
						<li>
							<img src="images/home_bot6.png" alt="" class="fl big">
							<div class="fl">
								<p class="title">青春派<span>97人评论过</span></p>
								<p><span></span>《青春派》预告片“零差评”逆增长&nbsp;&nbsp;<a href="">[详细]</a></p>
								<p><img src="images/red_icon.png" alt="">电影预告</p>
							</div>
							<div class="clear"></div>
						</li>
					</ul>
				</div>
			</div>
		</section>
		<footer>
			<div class="w1070">Copyright © 2013  URFILM 版权所有</div>
		</footer>
	</body>
</html>
